<template>
  <div class="not-found">
    <img src="@/assets/img/404.gif"
         alt="">
         <el-button type="primary" @click='toIndex'>返回主页</el-button>
  </div>
</template>
<script>
export default {
  methods:{
    toIndex(){
      this.$router.push('/index')
    }
  }
}
</script>
<style lang="less" scoped>
.not-found {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  img {
    // width: 100%;
    height: 70%;
    object-fit: cover;
  }
}
</style>